#{extends 'mainStage.html' /} 
#{set title:'Statistiques stages' /}
<br />
<h1>R&eacute;sum&eacute; de la formation</h1>
<script type="text/javascript" charset="utf-8">
    $(document).ready(function() {
    	$('#aModifier').load("/statistiquesAnneePrec/"+0+"&"+0);
    } );
</script>
<p>
	<label for="intitule"><b>S&eacute;lectionnez un intitule :</b> </label> 
	#{select 'intitule', items:intitules, id:'intitule', value:'0', onChange:'change()'}
	#{option 0}-- Tous les stages --#{/option}
	#{/select}
</p>
<p>
	<label for="role"><b>S&eacute;lectionnez un r&ocirc;le :</b> </label> 
	#{select 'role', items:roles, id:'role', value:'0', onChange:'change()'}
	#{option 0}-- Tous les r&ocirc;les --#{/option}
	#{/select}
</p>
<div id="aModifier">
</div>

<SCRIPT type="text/javascript">
	function change(){
	    var intitule=document.getElementById("intitule").options[document.getElementById("intitule").selectedIndex].value
	    var role=document.getElementById("role").options[document.getElementById("role").selectedIndex].value
	    $('#aModifier').load("/statistiquesAnneePrec/"+intitule+"&"+role)
	}
</SCRIPT>